{block name="style"}
<style>
    .layui-table td .layui-table-cell {
        height: auto !important;
        overflow: visible;
        text-overflow: inherit;
        white-space: normal;
        word-break: break-all;
    }
    .layui-table td .layui-table-grrid-down{
        display: none;
    }
</style>
{/block}
<div class="layui-tab layui-tab-card">
    <div class="layui-tab-content" style="background-color: #F0F2F5;">


        <div class="layui-card" style="margin-top: 10px;">
            <div class="layui-card-header">商品详情</div>
            <div class="layui-card-body">
                <table id="GoodsList" data-url="{:sysuri('goodsList')}"></table>
            </div>
        </div>
    </div>
</div>
{block name="script"}
<script>
    $('#GoodsList').layTable({
        // even: true,
        url: '{:url("goodsList")}',
         height: 'full',
        where: {order_express_id: '{$order_express_id|default="0"}'},
        page: false,
        cols: [[
            // {field: 'LAY_NUM', title: '{:lang("序号")}', width: 100, align: 'center', },
            {field: 'image', title: '{:lang("图片")}',  align: 'center', width: 100 ,templet:"#imgTpl"},
            {field: 'name', title: '{:lang("产品信息")}', align: 'left', minWidth: 120  },
            {field: 'spec_value', title: '{:lang("商品规格值")}', align: 'left', minWidth: 140  },
            {field: 'num', title: '{:lang("商品数量")}', align: 'center', minWidth: 80 },

        ]]
        ,done: function(res, curr, count){
            //动态监听表头高度变化，冻结行跟着改变高度
            $(".layui-table-header tr").resize(function () {
                $(".layui-table-header  tr").each(function (index, val) {
                    $($(".layui-table-fixed .layui-table-header table tr")[index]).height($(val).height());
                });
            });
            //初始化高度，使得冻结行表头高度一致
            $(".layui-table-header tr").each(function (index, val) {
                $($(".layui-table-fixed .layui-table-header table tr")[index]).height($(val).height());
            });
            //动态监听表体高度变化，冻结行跟着改变高度
            $(".layui-table-body tr").resize(function () {
                $(".layui-table-body  tr").each(function (index, val) {
                    $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
                });
            });
            //初始化高度，使得冻结行表体高度一致
            $(".layui-table-body tr").each(function (index, val) {
                $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
            })
        }
    });

</script>

{/block}